html, body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

#app {
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-color: #eee;
  overflow: auto;
}

.el-date-editor--daterange {
  width: 240px !important;
}

.operate-bar {
  float: left;
  position: relative;
  top: -10px;
}

.search-form {
  .el-select {
    width: 120px;
  }
}

.pagination {
  display: flex;
  justify-content: flex-end;
  padding: 20px 0 0;

  &.center {
    justify-content: center;
  }
}

.el-dialog__body {
  padding: 10px 20px !important;
}

.common-dialog {

  .el-form-item {
    margin-bottom: 12px;
    max-width: 520px;

    .el-form-item__label, .el-form-item__content {
      line-height: 30px;
    }
  }
}

.el-input {
  max-width: 420px;
}

